/********************************Bandera Whats*****************************************/

    var bandera =
        '<a class="cont-bandera-whats" href="https://api.whatsapp.com/send?phone=5215521179110&text=Me%20gustara%20saber%20ms%20sobre%20sus%20servicios." target="_blank"><i class="ion-social-whatsapp-outline"></i><div class="bandera-whats">Escrbenos</div> </a>'

    $(bandera).appendTo('body');

    function doAnimation(){
        $(".cont-bandera-whats i").effect( "bounce", {times:2}, 1400, doAnimation);
    }

/******************************End Bandera Whats***************************************************************/





/*********************************CSS*****************************************/


/************Bandera Whats***************************/

.cont-bandera-whats{
    position: fixed;
    bottom: 220px;
    right: 0;
    z-index: 99999;
    text-align: center !important;
    color: #698dc8;
}

.cont-bandera-whats:hover{
    color: #698dc8;
}

.bandera-whats{
    background: #000;
    color: #fff;
    font-size: 15px;
    padding: 5px;
}

.cont-bandera-whats i {
    font-size: 70px;
    text-shadow: 1px 1px 2px #000;
    
}

.cont-bandera-whats:hover{
    color: #698dc8 !important;
}

.cont-bandera-whats:active{
    color: #698dc8 !important;
}

.cont-bandera-whats:focus{
    color: #698dc8 !important;
}


/***********************SCRIPT***************************/

<script  src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"  integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="   crossorigin="anonymous"></script>